<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="./xxqg.min.css" rel="stylesheet">
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        li{
            margin-top: 8px;
            width: 50px;
            font-size: 10px;
            list-style: none;
            float: left;
            margin-left: 40px;
        }
        #zz{
            width: 673px;
            height: 169px;
            margin: auto;
        }
        #menu{
            height: 60px;
            width: 673px;
            margin-top: -5px;
            background-color: rgb(241,238, 233);
        }
        h2{
            color: red;
            font-size: 30px;
            margin-left: 70px;
            margin-top: 20px;
            font-weight: 800;
        }
        p1{
            text-align: center;
            font-size: 9px;
            margin-left: 100px;
        }
        *div{
            
            text-align: center;
        }
        #right{
            transform:translate(320px);
            left: 50%;
            width: 80px;
            position: fixed;
        }
        div div a:hover{
            color: red;
        }
        .right1{
            margin-top: 1px;
            background-color: #ccc;
            height: 25px;
            width: 80px;
            font-size: 13px;
            text-align: center;
            line-height: -3px;
            font-weight: 700;
        }
        a{
            text-decoration: none;
            color: black;
        }
        .right1:hover{
            color: white;
            background-color:orange;
        }
        #about {
            height: 220px;
            width: 673px;
            background-color: rgb(243,231,233);
        }
        .box1{
           position: relative;
           top: 30px;
        }
        .zi1{
            position: relative;
           left: 390px;
        }

        

    </style>
</head>
<body>
    <div id="zz">
        <img src="image.png" alt="" width="100%" height="75%">
        <div id = "menu">
            <ul>
                <li><a href="">思想</a></li>
                <li><a href="">二十大时间</a></li>
                <li><a href="">习近平文汇</a></li>
                <li><a href="">学习理论</a></li>
                <li><a href="">红色中国</a></li>
                <li><a href="">学习科学</a></li>
                <li><a href=""><img height="18px" width="50px" src="d2.png"></a></li>
                <br>
                <li><a href="">国际</a></li>
                <li><a href="">五个一工程</a></li>
                <li><a href="">学习电视台</a></li>
                <li><a href="">学习电台</a></li>
                <li><a href="">强军兴军</a></li>
                <li><a href="">学习文化</a></li>
                <li><a href=""><img height="18px" width="50px" src="d1.png"></a></li>
            </ul>
            <h2><br>习近平致电祝贺夏巴兹当选巴基斯坦总理</h2>
            <p1>习近平：共同打造中巴经济走廊建设升级版，持续深化中巴全天候战略合作伙伴关系，构建新时代更加紧密的中巴命运共同体</p1>
            <img style=" margin-left: 10px; " width="40" src="xiao.png">
            <hr style="height: 2px; border: none; border-top: 2px solid red;" />
            <hr style="height: 5px; border: none; border-top: 5px solid red;" />
            <img src="ddd.png" width="675" height="300">
            <div id="about">                     
                <div style="width: 500px;" ><ul>
                    <li style="font-size: 11px; width: 250px; " class="zi1"><a href="">打开</a></li>
                    <li style="font-size: 11px; width: 250px; margin-left: 0px; "><a href="">习近平在2024年春季学期中央党校（国家...</a></li>
                    <li style="font-size:11px; width: 250px; margin-left: 0px;"><a href="">习近平致电祝贺舒尤克当选匈牙利总统</a></li>
                    <li style="font-size: 11px; width: 250px; margin-left: 0px; "><a href="">《习近平关于尊重和保障人权论述摘编》（法...</a></li>
                    <li style="font-size: 11px; width: 250px; margin-left: 0px; "><a href="">习近平主持二十届中共中央政治局第十二次...</a></li>
                    <li style="font-size: 11px; width: 250px; margin-left: 0px; "><a href="">中共中央政治局召开会议 讨论政府工作报...</a></li>
                    <li style="font-size: 11px; width: 250px; margin-left: 0px; "><a href="">《求是》杂志发表习近平总书记重要文章</a></li>
                    <li style="font-size: 11px; width: 250px; margin-left: 0px; "><a href="">习近平：加强和改进人民政协工作 全面发...</a></li>
                    <li style="font-size: 11px; width: 250px; margin-left: 0px; "><a href="">习近平为第六批全国干部学习培训教材作序</a></li>
                    <li style="width: 250px; margin-left: 0px;"><a href=""><img src="c1.png" width="230px" height="50px" alt=""></a></li>
                    <li style="width: 250px; margin-left: 0px;"><a href=""><img src="c2.png" width="230px" height="50px" alt=""></a></li>
                    <li style="width: 250px; margin-top: 5px; margin-left: 0px;"><a href=""><img src="c3.png" width="230px" height="50px" alt=""></a></li>
                    <li style="width: 250px; margin-top: 5px; margin-left: 0px;"><a href=""><img src="c4.png" width="230px" height="50px" alt=""></a></li></ul>
            </div>
            <div class="box1"><img src="kuan.png" width="173"></div>
        </div>

    </div>
    <div id="right"><ul>
        <li class="right1"><a href="">站内搜索</a></li>
        <li class="right1"><a href="">我的学习</a></li>
        <li class="right1"><a href="">我的书房</a></li>
        <li class="right1"><a href="">我的积分</a></li>
        <li class="right1"><a href="">我要投稿</a></li>
        <li class="right1"><a href="">建议反馈</a></li>
        <li class="right1"><a href="">开放平台</a></li>
    </ul>   
    <img src="chang1.png" width="80" height="150px" style="margin-left: 40px;"></div>
</body>
</html>